<template>
  <!-- ...existing code... -->
</template>

<script>
// ...existing code...
</script>

<style scoped>
body,
#userlist-root, /* 假如有根元素请替换为实际根元素类名或id */
.userlist-container {
  background-color: #262626 !important;
  color: #fff !important;
}

/* 统一字体颜色为白色 */
.userlist-container,
.userlist-container * {
  color: #fff !important;
}

/* 按钮样式 */
.el-button,
button {
  background: none !important;
  border: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* 可选：按钮悬停时颜色变化 */
.el-button:hover,
button:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #ffd04b !important;
}

/* ...existing code... */
</style>